<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>未支付订单-小米商城</title>
    <link href="${pageContext.servletContext.contextPath}/images/milogo.png" rel="icon" type="image/x-icon">
    <link href="${pageContext.servletContext.contextPath}/st/front/CSS/orderList.79efad0d.css" rel="preload" as="style">
    <link href="${pageContext.servletContext.contextPath}/st/front/CSS/orderList.79efad0d.css" rel="stylesheet">
    <script type="text/javascript" src="${pageContext.servletContext.contextPath}/st/front/JS/jquery-3.2.1.min.js"></script>
    <script>
        $(function (){
            $("button").click(function (){
                $("form").submit();
            })
        });
    </script>
</head>
<body id="stat_e3c9df7196008778">
<jsp:include page="/Front_Head"></jsp:include>
<div id="app">
    <div class="breadcrumbs">
        <div class="container">
            <a href="${pageContext.servletContext.contextPath}/index" stat_exposure="true">首页</a>
            <span class="sep">/</span> <span>交易订单</span>
        </div>
    </div>
    <div class="mi-orderlist">
        <div class="container ">
            <div class="row">
                <div class="span4">
                    <div class="user-address-menu" id="J_userMenu">
                        <div class="menu-box">
                            <h3 class="title">订单中心</h3>
                            <ul class="list">
                                <li class="active"><a href="${pageContext.servletContext.contextPath}/Order_center" >我的订单</a></li>
                                <li><a data-name="bracket" href="#" id="J_comment" >评价晒单</a></li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3 class="title">个人中心</h3>
                            <ul class="list">
                                <li><a href="${pageContext.servletContext.contextPath}/Center" >我的个人中心</a></li>
                                <li><a href="${pageContext.servletContext.contextPath}/GetColl" >喜欢的商品</a></li>
                                <li><a href="${pageContext.servletContext.contextPath}/Address" >收货地址</a></li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3 class="title">账户管理</h3>
                            <ul class="list">
                                <li><a href="${pageContext.servletContext.contextPath}/GoPersonal"  target="_blank">个人信息</a>
                                </li>
                                <li><a href="${pageContext.servletContext.contextPath}/UpdatePass"  target="_blank">修改密码</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span16">
                    <div class="uc-box uc-main-box">
                        <div class="uc-content-box order-list-box">
                            <div class="box-hd">
                                <h1 class="title">我的订单<small>请谨防钓鱼链接或诈骗电话，
                                    <a href="#" target="_blank" stat_exposure="true">了解更多&gt;</a>
                                </small></h1>
                                <div class="more clearfix">
                                    <ul class="filter-list">
                                        <li class="first">
                                            <a data-stat-id="57897755adc8c1e0" href="${pageContext.servletContext.contextPath}/Order_center" stat_exposure="true">全部订单</a>
                                        </li>
                                        <li class="active">
                                            <a href="${pageContext.servletContext.contextPath}/Order_Unpaid" stat_exposure="true">待支付</a>
                                        </li>
                                        <li class="">
                                            <a href="${pageContext.servletContext.contextPath}/Order_received" stat_exposure="true">待收货</a>
                                        </li>
                                        <li>
                                            <a href="${pageContext.servletContext.contextPath}/Order_complete" stat_exposure="true">已完成</a>
                                        </li>
                                    </ul>
                                    <div class="search-form clearfix">
                                        <form method="post" action="${pageContext.servletContext.contextPath}/getBid">
                                            <label for="search" class="hide">站内搜索</label>
                                            <input type="search" name="keywords" autocomplete="off" placeholder="输入订单号" class="search-text">
                                            <input type="button" value="" class="search-btn iconfont">
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="box-bd">
                                <div>
                                    <ul class="order-list">
                                        <c:forEach var="bill" items="${page.list}">
                                            <li data-v-1df9de88="" class="uc-order-item uc-order-item-pay">
                                                <!---->
                                                <div data-v-059c1862="" data-v-1df9de88="" class="order-detail">
                                                    <div data-v-059c1862="" class="order-summary">
                                                        <c:if test="${bill.billstate==0}">
                                                            <div data-v-059c1862="" class="order-status">
                                                                已取消
                                                            </div>
                                                        </c:if>
                                                        <c:if test="${bill.billstate==1}">
                                                            <div data-v-059c1862="" class="order-status">
                                                                等待付款
                                                            </div>
                                                        </c:if>
                                                        <c:if test="${bill.billstate==2}">
                                                            <div data-v-059c1862="" class="order-status">
                                                                已支付
                                                            </div>
                                                        </c:if>
                                                        <c:if test="${bill.billstate==3}">
                                                            <div data-v-059c1862="" class="order-status">
                                                                已完成
                                                            </div>
                                                        </c:if>
                                                    </div>
                                                    <table data-v-059c1862="" class="order-detail-table">
                                                        <thead data-v-059c1862="">
                                                        <tr data-v-059c1862="">
                                                            <th data-v-059c1862="" class="col-main">
                                                                <p data-v-059c1862="" class="caption-info">
                                                                    <fmt:formatDate value="${bill.billtime}" pattern="yyyy-MM-dd HH:mm:ss"/>
                                                                    <span data-v-059c1862="" class="sep">|</span>
                                                                        ${bill.aname}
                                                                    <span data-v-059c1862="" class="sep">|</span>
                                                                    订单号：<a data-v-059c1862="" href="${pageContext.servletContext.contextPath}/ToOrderInfo?bid=${bill.bid}"
                                                                           stat_exposure="true">${bill.bid}</a><span data-v-059c1862="" class="sep">|</span>
                                                                    <!---->
                                                                    在线支付
                                                                </p>
                                                            </th>
                                                            <th data-v-059c1862="" class="col-sub">
                                                                <p data-v-059c1862="" class="caption-price">
                                                                    付款金额：
                                                                    <span data-v-059c1862="" class="num">${bill.billmoney}</span>元
                                                                </p>
                                                            </th>
                                                        </tr>
                                                        </thead>
                                                        <tbody data-v-059c1862="">
                                                        <tr data-v-059c1862="">
                                                            <td data-v-059c1862="" class="order-items">
                                                                <ul data-v-059c1862="" class="goods-list">
                                                                    <c:forEach items="${bill.billdetailedList}" var="comm">
                                                                        <li data-v-1e04aab1="" data-v-059c1862="">
                                                                            <div data-v-1e04aab1="" class="figure figure-thumb">
                                                                                <a data-v-1e04aab1="" href="${pageContext.servletContext.contextPath}/FindCid/${comm.cid}" target="_blank" stat_exposure="true">
                                                                                    <img data-v-1e04aab1="" src="${pageContext.servletContext.contextPath}/images/${comm.picture}" width="80" height="80">
                                                                                </a>
                                                                            </div>
                                                                            <p data-v-1e04aab1="" class="name">
                                                                                <a data-v-1e04aab1="" href="${pageContext.servletContext.contextPath}/FindCid/${comm.cid}" arget="_blank" stat_exposure="true">${comm.comname}</a>
                                                                            </p>
                                                                            <p data-v-1e04aab1="" class="price">${comm.cprice}元 × ${comm.count}</p>
                                                                        </li>
                                                                    </c:forEach>
                                                                </ul>
                                                            </td>
                                                            <c:choose>
                                                                <c:when test="${bill.billstate==1}">
                                                                    <td data-v-059c1862="" class="order-actions">
                                                                        <a data-v-059c1862="" href="${pageContext.servletContext.contextPath}/ToOrder/${bill.bid}" target="_blank" class="btn btn-small btn-primary" stat_exposure="true">立即付款</a>
                                                                        <a data-v-059c1862="" href="${pageContext.servletContext.contextPath}/ToOrderInfo?bid=${bill.bid}" class="btn btn-small btn-line-gray" stat_exposure="true">订单详情</a>
                                                                        <a data-v-059c1862="" href="javascript:void(0)" class="btn btn-small btn-line-gray btn-contract" stat_exposure="true">联系客服</a>
                                                                    </td>
                                                                </c:when>
                                                                <c:when test="${bill.billstate==0}">
                                                                    <td data-v-059c1862="" class="order-actions">
                                                                        <a data-v-059c1862="" href="javascript:void(0)" target="_blank" class="btn btn-small btn-primary" stat_exposure="true">已取消</a>
                                                                        <a data-v-059c1862="" href="${pageContext.servletContext.contextPath}/ToOrderInfo?bid=${bill.bid}" class="btn btn-small btn-line-gray" stat_exposure="true">订单详情</a>
                                                                        <a data-v-059c1862="" href="javascript:void(0)" class="btn btn-small btn-line-gray btn-contract" stat_exposure="true">联系客服</a>
                                                                    </td>
                                                                </c:when>
                                                                <c:otherwise>
                                                                    <td data-v-059c1862="" class="order-actions">
                                                                        <a data-v-059c1862="" href="${pageContext.servletContext.contextPath}/ToOrderInfo?bid=${bill.bid}" class="btn btn-small btn-line-gray" stat_exposure="true">订单详情</a>
                                                                        <a data-v-059c1862="" href="javascript:void(0)" class="btn btn-small btn-line-gray btn-contract" stat_exposure="true">联系客服</a>
                                                                    </td>
                                                                </c:otherwise>
                                                            </c:choose>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </li>
                                        </c:forEach>
                                    </ul>
                                    <!--分页-->
                                    <div data-v-0acc30d3="" class="mi-pagenav">
                                        <c:choose>
                                            <c:when test="${page.isFirstPage==true}">
                                                <span data-v-0acc30d3="" class="numbers first">
                                                    <span data-v-0acc30d3="" class="iconfont"></span>
                                                </span>
                                            </c:when>
                                            <c:otherwise>
                                                <a data-v-0acc30d3="" class="numbers first" href="${pageContext.servletContext.contextPath}/Order_Unpaid?currentPageNo=${page.prePage}">
                                                    <span data-v-0acc30d3="" class="iconfont"></span>
                                                </a>
                                            </c:otherwise>
                                        </c:choose>
                                        <c:forEach var="pageNo" items="${page.navigatepageNums}">
                                            <c:choose>
                                                <c:when test="${pageNo==page.pageNum}">
                                                    <span class="numbers">${pageNo}</span>
                                                </c:when>
                                                <c:otherwise>
                                                    <a data-v-0acc30d3="" href="${pageContext.servletContext.contextPath}/Order_Unpaid?currentPageNo=${pageNo}" class="numbers" stat_exposure="true">${pageNo}</a>
                                                </c:otherwise>
                                            </c:choose>
                                        </c:forEach>
                                        <c:choose>
                                            <c:when test="${page.isLastPage == true}">
                                                <span data-v-0acc30d3="" class="iconfont"></span>
                                            </c:when>
                                            <c:otherwise>
                                                <a data-v-0acc30d3="" href="${pageContext.servletContext.contextPath}/Order_Unpaid?currentPageNo=${page.nextPage}" class="numbers last" stat_exposure="true">
                                                    <span data-v-0acc30d3="" class="iconfont"></span>
                                                </a>
                                            </c:otherwise>
                                        </c:choose>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="/Front_Tail"></jsp:include>
</body>
</html>

